/********************************************************************************************************************************/
/*********************************************** Parte Comun del CSS ************************************************************/
/********************************************************************************************************************************/
.SpanColumna
{
	background-color: #03228A ;
	width : 15%;
	height: 900px;
}
/* Estilo del div que contiene la primera fila */
.SpanCabeza
{
	height : 100%;
	width : 24%;	
	min-height : 50px ;
	min-width : 100px;
	max-width : 250px;
	margin-top : 0px;
	margin-bottom: 0px;
	margin-left : 0px;
	margin-right: 0px;
	background-color: #03228A ;
}
/* Columna que contiene al titulo de la barra */
.SpanTitulo
{
	width : 100%;
}
/* Columna que contiene al boton que oculta la barra */

.SpanBotonOcultar
{
	width: 10%;
	height: 16px;
}
/* Contiene el estilo para la label que tiene el titulo de la barra*/
.LabelTitulo
{
	height : 36px;
	width : 100%;
	min-width : 156px;
	background-color : #99CCFF;
	border-color : #99FFCC ;
	border-style: solid;
	border-width :4px ;	
	padding-left: 20%;
	padding-top : 4%;
}

/* Contiene la informacion */
.BotonOcultar
{
	 height : 119%;
	 width : 135%; 
}
/********************************************************************************************************************************/
/*********************************************** Css para Barra de herramientas azul ********************************************/
/********************************************************************************************************************************/
.arrowblue
    {
	border-left: 1px solid #94AA74;
    border-right: 1px solid #94AA74;
    border-top: 1px solid #94AA74;
    border-bottom: 1px none #94AA74;
    }
    
.ListaArrowblue
    {
	list-style-type: none;
	margin: 0;
	padding: 0;
    }
	
.ElementoArrowblueConA
    {
	display: block;
	height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 166px;
    }	
.ElementoArrowblueConLinkOVisitado
    {
	color: #5E7830;
    }
.ElementoArrowblueConLinkOVisitado li a:hover
    {
	color: #26370A;
	background-image:url('App_Themes/Imagenes/Barra/arrowblue.gif');
	background-position: 100% -32px;
    }
.arrowblue li a.selected{
	color: #26370A;
	background-image:url('App_Themes/Imagenes/Barra/arrowblue.gif');
	background-position: 100% -64px;
    }
 .BotonPinchado
{
	background-color: #0066FF ;
	border: 1px Groove #FFFFFF ;
	font-size: 15px;
	font-weight: bold;
	color: White;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}
.BotonDesactivado
{
	background-color: Gray ;
	border: 1px Groove #FFFFFF ;
	font-size: 15px;
	font-weight: bold;
	color: White;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}
.BotonDefault
{
	background-color: #03228A ;
	font-size: 15px;
	font-weight: bold;
	color: White;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	Height: 35px; 
	Width: 190px;
}
.BotonError
{
	background-color: #FF596A ;
	border: 1px Groove #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	color: White;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}

